.tag {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}


.titletag {
    height: .8rem;
    margin-top: .2667rem;
    display: flex;
    position: relative;
}

.titletag .item-na .na {

    font-size: 17px;
    position: absolute;
    left: .2667rem;

}

.titletag .item-na .na1 {
    display: block;
    position: absolute;
    left: 130px;
    top: -6px;

    width: 120px;
    height: .8rem;
    line-height: .8rem;

    font-size: 11px;
    color: #ababab;


}

.titletag .more {
    width: 1.3333rem;
    font-size: 11px;
    color: #ababab;
    // text-align: right;
    position: absolute;
    right: .1333rem;
}

.tag {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #f5f5f5;
}


.nav3 {
    width: 90%;
    margin: auto;
    border-radius: .2667rem;
    flex-wrap: wrap;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    padding: 0 .2667rem .3733rem;
    background: #fff;

}

.nav3-item {
    margin-top: .1333rem;
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .1333rem 0;
}

.nav3-item>.price {
    color: red;
}

.nav3-item>.name {
    font-size: 13px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: .4267rem;
    word-break: break-all;
    max-height: .8533rem;
}

.nav3-item>img {
    width: 1.76rem;
}